<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
<link href="css/font-awesome.min.css" type="text/javascript" rel="stylesheet">
<link href="css/bootsnav.css" type="text/css" rel="stylesheet">
<link href="css/normalize.css" type="text/css" rel="stylesheet">
<link href="css/css.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/bootsnav.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<!--[if IE]><script src="js/html5.js"></script><![endif]-->
<title>登录</title>
</head>

<body class="logobg_style">
	<div id="large-header" class="large-header login-page">
		<canvas id="demo-canvas" width="1590" height="711"></canvas>
		<div class="login-form">
			<div class="login-content">
				<h1 class="title_name">账户登录</h1>
				<form method="post" th:action="@{~/userLogin}" role="form" id="form_login" class="login_padding">
					<div class="form-group clearfix">

						<div class="input-group">
							<div class="input-group-addon">
								<i class="icon_user"></i>
							</div>
							<!-- 手机号 -->
							<input type="text" class="form-control" name="phone" id="username" placeholder="手机号" autocomplete="off">
						</div>

					</div>

					<div class="form-group clearfix">

						<div class="input-group">
							<div class="input-group-addon">
								<i class="icon_password"></i>
							</div>
							<!-- 密码 -->
							<input type="password" class="form-control" name="password" id="password" placeholder="密码" autocomplete="off">
						</div>
						
					</div>
					<div class=" textright">
						<a href="#" class="forget">忘记密码？</a>
					</div>
					<div class="tishi"></div>
					<div class="form-group">
						<a href="javascript:;" type="submit" class="btn btn-danger btn-block btn-login" onClick="cliLogin()">
							<i class="fa fa-sign-in"></i>
							登录
						</a>
					</div>
					<div th:text="${error}" style="color: red"></div>
					<div class=" textright">
						<a href="/community/register" class="forget">立即注册</a>
					</div>
					<!-- Implemented in v1.1.4 -->
					<div class="form-group"></div>
				</form>
			</div>

		</div>
	</div>

	<script src="js/TweenLite/TweenLite.min.js"></script>
	<script src="js/TweenLite/EasePack.min.js"></script>
	<script src="js/TweenLite/rAF.js"></script>
	<script src="js/TweenLite/demo-1.js"></script>
	<script type="text/javascript">
	
	 function cliLogin()
	 {
		 $("#form_login").submit();
		 //alert("fdasfasd")
	 }
	
	
	</script>
</body>
</html>
